<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page  isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title>Comunidad Garmendia</title>
	
	<style type="text/css">
		<%@ include file="../css/style.css"%>  
	</style>
	
	<link href="css/nf.lightbox.css" rel="stylesheet" type="text/css" media="screen" />
	
	<link href="css/gallery.css" rel="stylesheet" type="text/css" media="screen"/>
	
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    
    <script src="js/NFLightBox.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(function() {
        var settings = { containerResizeSpeed: 350 };
            $('#gallery a').lightBox(settings);
        });
    </script>

    <script type="text/javascript">
	
		function assist(){
			document.getElementById("notAssist").checked = false;
		}

		function notAssist(){
			document.getElementById("assist").checked = false;
		}

		function changeTab(){
			images = document.getElementById("gallery");
			document.getElementById("imagesEmpty").innerHTML = images.innerHTML;
		}
	
	</script>
	
</head>

<body>

<input type="hidden" id="gameId" name="gameId" value="${gameId}">

<div id="wrapper">
	<div id="menu">
		<ul>
			<li class="current_page_item"><a href="#">Home</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#" onclick="changeTab()">Photos</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Links</a></li>
			<li><a href="#">Contacto pibes</a></li>
		</ul>
	</div>
	
	<!-- end #menu -->
	<div id="header">
		<div id="logo">
			<h1><a href="#">Comunidad Garmendia  </a></h1>
			<p> design by Piclez...</p>
		</div>
	</div>
	<!-- end #header -->
	
	<div id="imagesEmpty"></div>
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">
		
					<c:if test="${hasToConfirm}">
						<div class="post">
							<h2 class="title">Eventos a Confirmar</h2>
							<div style="clear: both;">&nbsp;</div>
							<div class="entry">
								<p>La siguiente es una lista de eventos a los cuales vos estas invitado y aun no has confirmado.</p>
								<p>En la presente version solo los eventos de <strong>Soccer</strong> estan disponibles</p>
							
							<fieldset>
		  						<legend>Soccer</legend>
		  						<label>Fecha</label>
		  						<p id="pe">${theDate}</p>
		  						<label>Lugar</label>
		  						<p id="pe">Quintino / Estrella</p>
		  						
		  						<strong id="game_options">Asistiré</strong> <input type="radio" value="true" id="assist" onclick="assist()" checked="true">
		        			   	<strong id="game_options">Declinaré como gallina</strong><input type="radio" id="notAssist" onclick="notAssist()" checked="false">
		        			   	
		  					</fieldset>
		  					
		  					</div>
						</div>
					</c:if>
			
					<div style="clear: both;">&nbsp;</div>
				</div>
		
				<!-- end #content -->
		
				<div id="sidebar">
					<ul>
						<li>
							<div id="search" >
							<form method="get" action="#">
								<div>
									<input type="text" name="s" id="search-text" value="" />
									<input type="submit" id="search-submit" value="GO" disabled="disabled"/>
								</div>
							</form>
							</div>
							<div style="clear: both;">&nbsp;</div>
						</li>
						<li>
							<h2>Soccer versión 0.1 (Beta)</h2>
							<p>Software para que no vayamos al dope los jueves y para sacar estadisticas de quien es el más puto de los pibes despues de Bito</p>
						</li>
						<li>
							<h2>Tabla de posiciones</h2>
							<ul>
								<li><a href="#">En construcción</a></li>
							</ul>
						</li>
						<li>
							<h2>Historial</h2>
							<ul>
								<li><a href="#">En construcción</a></li>
							</ul>
						</li>
						<li>
							<h2>El mas puto hoy es...</h2>
							<ul>
								<li><a href="#">En construcción</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- end #sidebar -->
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
</div>

<div id="footer">
	<p>Copyright (c) 2010 Garmendia & Friends. All rights reserved. Design by Picklez.</p>
</div>
<!-- end #footer -->

</body>

<div id="gallery">
        <ul>
            <li><a href="photos/image5.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image5.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image6.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image6.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image7.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image7.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image8.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image8.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image9.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image9.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image10.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image10.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image11.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image11.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image12.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image12.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image1.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image1.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image2.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image2.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image3.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image3.jpg" width="100" alt="" />
            </a></li>
            <li><a href="photos/image4.jpg" title="Add title to show image name or description">
                <img src="photos/thumb_image4.jpg" width="100" alt="" />
            </a></li>
        </ul>
    </div>
</html>